<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片标签</title>
</head>
<body>
    
    <!-- 
        图片标签
            - 在网页中使用img标签向页面中引入图片
            - img是一个自结束标签
            - 属性
                src
                    - 用了指定图片的路径
                alt
                    - 用来指定图片的描述文字
                    - 正常情况下文字不会显示，
                        只有无法显示时描述文字才会出现
                    - 搜索引擎会根据alt中的内容来识别图片，
                        如果不写alt，搜索引擎不会对图片进行收录
                width
                    - 图片的宽度
                height
                    - 图片的高度

                - 如果width和height中只修改一个，
                    另一个会等比例缩放

     -->

    <!-- <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2F6462145f705efcaad442131ee11b2ea152a9cb09.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637997837&t=1d4bf6fad40b71f7e87f23b062f5f283"> -->
    <img src="./img/an.jpg" alt="这是一只松鼠" height="500" width="200">
</body>
</html>